<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/spring.tld"%>
<%@ taglib prefix="c" uri="/WEB-INF/tlds/c.tld"%>
<c:set var="BasePath" value="${pageContext.request.contextPath}"></c:set>
<c:set var="Plugins" value="${pageContext.request.contextPath}/res/plugins"></c:set>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新增品牌</title>
<link href="${Plugins}/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<link href="${Plugins}/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />
<script src="${Plugins}/jquery/jquery-1.4.4.min.js"	type="text/javascript"></script>
<script src="${Plugins}/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
<script src="${Plugins}/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
<script src="${Plugins}/jquery-validation/jquery.metadata.js" type="text/javascript"></script>
<script src="${Plugins}/jquery-validation/messages_cn.js" type="text/javascript"></script>
<script src="${BasePath}/res/js/common/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript" src="${BasePath}/res/js/ligerCommon.js"></script>
<script src="${BasePath}/res/js/common/jquery.validate.method.js" type="text/javascript"></script>
<script src="${Plugins}/datepicker/WdatePicker.js" type="text/javascript"></script>
<script src="${BasePath}/res/js/product/commodityCat.js" type="text/javascript"></script>
<style type="text/css">
    body{ font-size:12px;}
    .l-table-edit {}
    .l-table-edit-td{ padding:4px;}
    .l-button-submit,.l-button-test{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
    .l-verify-tip{ left:230px; top:120px;}
    .p-tab .s-lab{font-size:12px;font-family:"微软雅黑",​"宋体",​Arial,​sans-serif;}
	input.l-textarea{width:170px;height:20px;font-size:12px;}
	 .navbar {
		height: 20px;
		border-bottom: #E6E6E6 solid 1px;
		line-height: 20px;
	}
	ul {list-style:none;border: 1px solid #DDDDDD;width:200px;}
	.li_ls{
		margin:5px; 
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;
		text-overflow:ellipsis;
	} 
</style>
</head>
<body style="padding:10px">
<div class="navbar">
		<span>您当前的位置：</span>
		商品管理 &gt;分类列表&gt;查看分类 
</div>
<form name="form1" method="post" action="updateCommodityCat.do" id="form1">
<input type="hidden" name="catNo" value="${catVo.catNo}">
<br>
<table cellpadding="0" cellspacing="0" class="l-table-edit p-tab" style="table-layout: fixed;" >
    <tr>
        <td width="100px;" align="right" class="l-table-edit-td s-lab">上级分类:</td>
        <td align="left" class="l-table-edit-td s-lab">
        	<div id="catDiv"></div>
        </td>
        <td align="left"></td>
    </tr>
    <tr>
        <td align="right" class="l-table-edit-td s-lab">分类名称:</td>
        <td align="left" class="l-table-edit-td s-lab"><input value="${catVo.catName }" readonly="readonly"></td>
        <td align="left"></td>
    </tr>
	<tr>
        <td align="right" class="l-table-edit-td s-lab">编号:</td>
        <td align="left" class="l-table-edit-td s-lab"><input value="${catVo.no }" readonly="readonly"></td>
        <td align="left"></td>
    </tr>
    <!--  
    <tr>
        <td align="right" class="l-table-edit-td s-lab">品牌:</td>
        <td align="left" width="500px" class="l-table-edit-td s-lab">
        <div id="brand">
        	<ul>
	        <c:forEach items="${brandVoList}" var="item" varStatus="status" >
		        <li class="li_ls" target="_blank" title="${item.brandName }">
		        	<font style="padding-left: 5px">${item.brandName }</font>
		        </li>
	        </c:forEach>
        	</ul>
        </div>
        </td>
        <td align="left"></td>
    </tr> -->
	 <tr>
        <td align="right" class="l-table-edit-td s-lab">分类描述：</td>
        <td align="left" class="l-table-edit-td s-lab"><textarea rows="5" cols="50" readonly="readonly"> ${catVo.description }</textarea></td>
        <td align="left"></td>
    </tr>
</table>

<input type="button" value="返回" name="tests"  id="tests" class="l-button l-button-test" />
</form>
<div style="display:none">
<!--  数据统计代码 --></div>

<script type="text/javascript">
	var basePath="${BasePath}";
	var catPno = "${catVo.catPno}";
	
	$(function() {
		readonlyCat(catPno);
	});

	// 取消
	$("#tests").click(function() {
		window.location.href = "../../product/cat/getCommodityCatList.do";
		close_liger_tab();
	});
</script>
</body>
</html>